<template>
    <div class="userAgree absolute" :style="style">
        <div class="userAgree-header relative">用户协议<span class="close absolute" @click="close"></span></div>
        <div class="userAgree-content bj">
            <el-scrollbar style="height: 100%;">
                <p class="big-title bold" style="margin-top: 10px;">一、实名认证服务协议</p>
                <p class="level1">本协议由您与帮记软件开发有限公司（以下简称本公司）签订。您确认，在申请实名认证（以下简称认证）时，您已详细阅读了本协议所有内容，您充分理解并同意接受本协议的全部内容。本协议已对与您的权益有或可能具有重大关系的条款，及对本公司具有或可能具有免责或限制责任的条款用粗体字予以标注，请您注意。</p>
                <p class="level1">在您申请认证前，您必须先注册成为帮记用户。本公司有权采取各种必要手段（包括但不限于向第三方确认）对您的身份进行识别。但在目前的技术水平下本公司所能采取的方法有限，且在网络上进行用户身份识别存在一定的困难，因此，本公司对完成认证的用户身份的准确性和绝对真实性不做任何保证。</p>
                <p class="level1">您同意，本公司有权记录并保存您在认证中提供给本公司的信息和本公司向其他合作方获取的信息，亦有权根据本协议的约定向您或第三方提供您是否通过认证以及您的认证信息。</p>
                <p class="level1 subtit">（一）关于认证服务的理解与认同</p>
                <p class="level1">1、本公司有权单方随时修改或变更本协议内容，并通过帮记官方网站(http://www.xwl-bj.com)公告变更后的协议文本，无需单独通知您。本协议进行任何修改或变更后，您仍继续使用帮记平台服务/或认证服务的，即代表您已阅读、了解并同意接受变更后的协议内容；您如果不同意变更后的协议内容，应立即停用帮记平台服务和认证服务。</p>
                <p class="level1">2、您同意，您有义务按照本公司的要求提供本人的真实身份资料进行注册及认证，并保证诸如电子邮件地址、联系电话、联系地址、邮政编码等信息的有效性，同时也有义务在相关资料发生变更时及时通知本公司进行更新。若因您提供任何错误、不实、过时或不完整资料，或本公司有合理理由怀疑该资料为错误、不实、过时或不完整的，本公司有权暂停或终止对您提供服务，或限制您使用帮记的部分或全部功能，本公司对此不承担任何责任。</p>
                <p class="level1">3、除非本协议另有约定，一旦您完成了认证，相关信息和认证结果（预留手机号除外）将不能由您本人进行任何修改；如果您的身份信息等在完成认证后发生了变更，您应按本公司要求提供资料且由本公司审核后进行更新。</p>
                <p class="level1">4、若用户未满18周岁或未满足本协议及帮记《用户服务条款》规定的条件而以不当方式注册为本公司用户或通过本公司认证的，则因此产生的一切法律责任应由该用户及（或）其监护人承担；因此给本公司造成损失的，该用户及（或）其监护人应向本公司进行赔偿。同时本公司有权随时注销该用户身份或停止为其提供服务。</p>
                <p class="level1 subtit">（二）身份信息识别</p>
                <p class="level1">1、中华人民共和国大陆（以下简称大陆）个人帮记用户提供以下证件用于身份信息识别；申请认证当时处在有效期内的身份证、护照等明确标有身份证号的证件之一（需要在线上或线下提供证件时，必须是彩色原件扫描件，或者彩色数码拍摄件，第二代身份证需要同时提交正反两面，户籍证明提供日后的有效期在三个月以上，除临时身份证外，有效期三个月以内的证件不予受理）。</p>
                <p class="level1">2、本公司不向未满18周岁的自然人提供认证服务。</p>
                <p class="level1">3、通过身份信息识别的帮记用户不能自行修改已经认证的信息，包括但不限于姓名以及身份证件号码等。</p>
                <p class="level1">4、大陆个人帮记用户认证的有效期与其提供的身份证件有效期一致，但最长自认证完成日起不超过20年，户籍证明从通过审核当日开始计算，有效期一年。有效期满后，相应的帮记账户应使用最新身份信息进行再次认证。</p>
                <p class="level1">5、在帮记用户对其帮记账户进行更换银行卡、取回密码等操作时，您应该按照本公司要求出示相关身份证件及资料以便本公司进行核实。</p>
                <p class="level1 big-title">（三）特别声明</p>
                <p class="level1">您在认证时提供给本公司的认证资料，即不可撤销地授权由本公司保留。本公司承诺除法定或约定事由外，不公开或编辑或透露您的认证资料，但本条第一款规定以及以下情形除外：</p>
                <p class="level1">1）您授权本公司透露的相关信息；</p>
                <p class="level1">2）本公司按照法律法规的规定向国家有权机关提供；</p>
                <p class="level1">3）向本公司关联企业提供；</p>
                <p class="level1">4）为充分验证您的个人信息所需而向合作第三方机构提供；</p>
                <p class="level1">5）第三方和本公司一起为您提供服务时，该第三方向您提供服务所需的相关信息；</p>
                <p class="level1">6）基于您与交易对方或第三方的纠纷，本公司向该交易对方或第三方提供。</p>
                <p class="level1 big-title">（四）不得为非法或禁止的使用</p>
                <p class="level1">接受本协议全部的说明、条款、条件是您申请认证的先决条件。您声明并保证，您不得为任何非法或为本协议、条件及须知所禁止之目的进行认证申请。您不得以任何可能损害、使瘫痪、使过度负荷或损害其他网站或其他网站的服务或本公司或干扰他人对于帮记认证申请的使用等方式使用认证服务。您不得经由非本公司许可提供的任何方式取得或试图取得任何资料或信息。</p>
                <p class="level1 big-title">（五）有关免责</p>
                <p class="level1">您同意，在下列情形下本公司无需承担任何责任：</p>
                <p class="level2">1、由于您将帮记账户密码告知他人或未保管好自己的密码或与他人共享帮记账户或任何其他非本公司的过错，导致您的个人资料泄露。</p>
                <p class="level2">2、任何由于黑客攻击、计算机病毒侵入或发作、电信部门技术调整导致之影响、因政府管制而造成的暂时性关闭、由于第三方原因（包括不可抗力，例如国际出口的主干线路及国际出口电信提供商一方出现故障、火灾、水灾、雷击、地震、洪水、台风、龙卷风、火山爆发、瘟疫和传染病流行、罢工、战争或暴力行为或类似事件等）及其他非因本公司过错而造成的认证信息泄露、丢失、被盗用或被篡改等。</p>
                <p class="level2">3、由于与本公司链接或合作的其他网站（如网上银行等）所造成的银行账户信息、身份信息泄露及由此而导致的任何法律争议和后果。</p>
                <p class="level2">4、任何帮记用户（包括未成年人用户）向本公司提供错误、不完整、不实信息等造成不能通过认证或遭受任何其他损失，概与本公司无关。</p>
                <p class="level1 big-title">（六）协议关系</p>
                <p class="level1">本协议构成帮记《用户服务条款》的有效组成部分，两者约定不一致，以本协议的约定为准。</p>
                <p class="big-title bold">二、购买服务协议</p>
                <p class="level1">购买服务协议（以下简称“本协议”）是帮记软件开发有限公司（以下简称“帮记公司”）与帮记用户（以下简称“您”或“用户”）就用户在帮记平台购买帮记公司或帮记合作机构（以下简称“帮记合作机构”）的产品或服务的相关事项所订立的有效合约。</p>
                <p class="level1">用户通过平台页面点击确认或以其他方式选择接受本协议，即表示用户和帮记公司已达成协议并同意接受本协议的全部约定内容以及与本协议有关的各项规则及帮记平台所包含的其他与本协议或本协议项下各项规则的条款和条件有关的各项规定。</p>
                <p class="level1">在接受本协议之前，请您仔细阅读本协议的全部内容（特别是以粗体字下划线标注的内容）。如果您不同意本协议的任意内容，或者无法准确理解帮记公司对条款的解释，请不要进行后续操作。</p>
                <p class="level1 big-title">（一）特别注意</p>
                <p class="level1">1、在您签署本协议时即授权帮记公司将您的【帮记余额】作为所购买帮记或帮记合作机构的产品或服务的扣款资金渠道之一。同时您也可通过第三方支付公司代扣方式购买帮记合作机构的产品或服务，但应以第三方支付公司实际向您提供的服务为准，帮记公司不涉其中。</p>
                <p class="level1">2、协议中涉及用户购买的帮记合作机构产品或服务，以您实际与之签署相关购买协议为准。您与帮记合作机构的相关权利义务及纠纷，由您与帮记合作机构解决、与帮记公司无关。</p>
                <p class="level1">3、若您与多家帮记合作机构签署购买协议，本协议项下涉及的冻结代扣服务完成以您实时持有帮记合作机构相关产品或服务为准。</p>
                <p class="level1">4、您应保证您的【帮记余额】状态正常并确保账户中有足额的资金以便正常划转。因前述原因导致无法实现冻结代扣、自动转入服务的，所有损失由您自行承担。</p>
                <p class="level1">5、您在购买帮记合作机构产品或服务时，应保证购买产品或服务的银行卡或者【帮记余额】绑定的银行卡为借记卡（储蓄卡），贷记卡或准贷记卡等不在合作之列。若您违反本条款的约定而给帮记公司和您造成的损失由您本人承担，同时帮记公司有权将您的上述行为告知发卡银行。</p>
                <p class="level1 big-title">（二）【帮记余额】冻结、代扣</p>
                <p class="level1">1、除本协议另有规定外，下列用语具有如下含义：</p>
                <p class="level2">1）委托冻结：您在支付所选购的商品或服务时，如选择【帮记余额】作为支付方式并同意本协议内容，即视为委托帮记公司冻结您的【帮记余额】中与所选购商品或服务等额对价的资金，作为您支付所选购商品或服务的担保，直至委托代扣完成后，您即可获得所选的商品或服务。</p>
                <p class="level2">2）委托代扣：如选择【帮记余额】作为支付方式并同意本协议内容，即视为您不可撤销地授权委托帮记公司代您购买帮记合作机构相关产品或服务后，直接从您的【帮记余额】中扣除与所选商品或服务等额对价的资金，并支付给你提供商品或服务的商家。</p>
                <p class="level1">2、特别约定：</p>
                <p class="level2">1）您理解并同意，当您发送冻结代扣指令（含预授权方式等），且该代扣指令对应的扣款渠道为【帮记余额】时，即会触发委托冻结、委托代扣。</p>
                <p class="level2">2）您理解并同意，在委托冻结完成至赎回期间，您对被冻结的资金部分不享有操作权，即不可转出、不可赎回、不可提现等。</p>
                <p class="level2">3）您理解并同意，在您选购的商品或服务出现退款时，如您委托冻结的资金尚未支付给商家，帮记公司在得到商家同意退款的指令后，将直接解冻您被冻结的资金；如您委托冻结的资金已支付给商家，帮记公司在收到商家委托退回您的款项后，自动转入您的【帮记余额】。您理解并同意，在后一种情况，您保证不向帮记公司或商家追究资金利息。</p>
                <p class="level2">4）您理解并同意，帮记公司仅根据您或商家指令如实执行冻结代扣服务，您与商家之间的交易纠纷，与帮记公司无关。</p>
                <p class="level1 big-title">（三）您知晓并同意，在符合法律法规等相关规定的前提下，为了您更好的使用帮记平台服务及本协议约定的服务，帮记公司将与帮记合作机构、您选购的商品或服务提供方共享您的个人信息。您同意帮记公司从帮记合作机构、您选购的商品或服务提供方处获取您的个人信息（包括但不限于您在帮记合作机构开立的账户、交易信息、资产状况等）。上述共享信息仅在为您提供服务范围内使用，并将采取严格的保密措施。</p>
                <p class="level1 big-title">（四）您理解并同意，帮记公司有权单方中止/终止向您提供约定的服务。帮记公司开展前述行动时将在帮记平台上进行公告通知，无需另行单独通知您，也不就该等行动给您造成的损失承担责任。</p>
                <p class="level1 big-title">（五）在不损害用户利益的前提下，帮记公司保留修改或增补本协议内容的权利。本协议的修改文本将公告于帮记平台或以其他帮记公司认为可行的方式公告。修改文本一旦公布则立即生效，且对生效前的用户同样适用。</p>
                <p class="level1 big-title">（六）法律适用</p>
                <p class="level2">1、因本协议引起的或与本协议有关的争议，均适用中华人民共和国法律。</p>
                <p class="level2">2、因本协议引起的或与本协议有关的争议，帮记公司与用户协商解决。协商不成的，任何一方均有权向帮记公司所在地有管辖权的法院提起诉讼。</p>
                <p class="level1 big-title">（七）本协议作为帮记《用户服务条款》和帮记合作机构相关购买协议的有效补充，本协议未约定的内容，双方需按照帮记《用户服务条款》和帮记合作机构相关购买协议履行相关约定。</p>
                <p class="big-title bold">三、充值提现服务授权协议</p>
                <p class="level1">您向帮记平台为您提供的【帮记余额】电子账簿进行充值、提现的相关事宜向帮记平台授权如下：</p>
                <p class="level2">（一）您授权帮记平台根据您的充值指令从您在帮记平台已验证过的银行账户通过第三方支付机构主动扣收等值于充值金额的款项，用于向您的【帮记余额】提供充值服务。</p>
                <p class="level2">（二）您授权帮记平台根据您的提现指令从您的【帮记余额】扣取您指定的金额，再通过第三方支付机构向您在帮记平台已验证过的银行账户支付等值金额的款项，用于向您【帮记余额】提供提现服务。</p>
                <p class="level2">（三）您知晓并确认，本授权书系使用您的帮记用户名、以网络在线点击确认的方式向帮记平台发出。本授权书自您在帮记平台（包括但不限于网页端和移动客户端）点击确认时生效，由帮记平台根据您的充值指令从您在帮记平台已验证过的银行账户通过第三方支付机构主动扣收等值于充值金额的款项或由帮记平台根据您的提现指令从您的帮记余额扣取您指定的金额，再通过第三方支付机构向您在帮记平台已验证过的银行账户支付等值金额的款项。您已经通过本授权书确认代扣及代付款项的银行账户为授权项下经帮记平台验证的银行账户，在代扣或代付的过程中，帮记平台根据授权人的充值/提现指令进行相关操作，无需再向您确认银行账户信息和密码。本授权书一经生效即不可撤销。您确认并承诺，帮记平台根据本授权书所采取的全部行动和措施的法律后果均由您本人承担。</p>
                <p class="level2">（四）您知晓并同意，受您银行账户状态、银行、第三方支付机构及网络等原因所限，本授权书项下充值或提现功能可能会通过多次代扣或代付交易方可完成，帮记平台不对充值/提现服务的资金到账时间做任何承诺。帮记平台或帮记平台委托的第三方支付机构无义务对其根据本授权书所采取的全部行动和措施的时效性和结果承担任何责任。</p>
                <p class="level2 bold" style="padding-top: 5px;padding-bottom: 10px;">特此授权！</p>
            </el-scrollbar>
        </div>
        <div class="userAgree-footer absolute">
            <el-button type="primary" @click="agreeHandler">同意</el-button>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            style: {
                height: this.$util.isMobile() ? '600px' : '80%',
                marginTop: this.$util.isMobile() ? '-300px' : '-19%'
            }
        }
    },
    methods: {
        close() {       //关闭
            this.$store.commit('loginStore/updateStatus', 3);
        },
        agreeHandler() {
            this.$store.commit('loginStore/updateIsAgree', true);
            this.close();
        }
    }
}
</script>
<style scoped>
    .bold {font-weight: bold;}
    .userAgree {
        background-color: #fff;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 2px;
        width: 64%;
        left: 50%;
        top: 50%;
        margin-left: -32%;
        animation: slideDown .3s;
    }
    .userAgree-header {
        text-align: center;
        font-size: 18px;
        padding: 12px 0;
        letter-spacing: 1px;
        box-shadow: 0px 0px 1px #ccc;
    }
    .userAgree-header .close {
        width: 16px;
        height: 16px;
		background: url(../../assets/images/icon-close.png) no-repeat;
		background-size: cover;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		cursor: pointer;
    }
    .userAgree-header .close:hover {
        background: url(../../assets/images/icon-close-active.png) no-repeat;
		background-size: cover;
    }
    .userAgree-content {
        height: calc(100% - 106px);
        padding: 0 5px;
		box-sizing: border-box;
    }
    .big-title {margin-bottom: 10px;}
	.userAgree-content p {text-align: justify;padding: 0 25px;font-size: 14px;}
	p.level1 {margin-bottom: 8px;padding: 0 25px;}
	p.level2 {margin-bottom: 8px;padding-left: 40px;padding-right: 20px;}
	p.subtit {padding-top: 3px;padding-bottom: 3px;}
    .userAgree-footer {
        bottom: 0;
        width: 100%;
        text-align: center;
        box-shadow: 0px 0px 1px #ccc;
        padding: 12px 0;
    }
    .userAgree-footer .el-button {
        width: 230px!important;
    }
    @keyframes slideDown {
        0% {top: 47%;}
        100% {top: 50%}
    }
</style>